<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>重庆领英装饰家装公司</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css"/>
    <link rel="stylesheet" type="text/css" href="./css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="./css/swiper-bundle.css"/>
    <link rel="stylesheet" type="text/css" href="./css/default.css" />
    <link rel="stylesheet" type="text/css" href="./css/component.css" />
    <link rel="stylesheet" type="text/css" href="./css/animate.min.css" />
    <script src="js/modernizr.custom.js"></script>
</head>
<body>
<!--头部开始-->
<div class="width100 height">
    <!-- 导航栏开始 -->
    <div class="container">
        <header class="wow bounceInDown header d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3">
            <a href="#" class="logo d-flex align-items-center col-md-3 mb-2 mb-md-0 text-dark text-decoration-none">
                <img src="./images/logo.png" />
            </a>
            <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
            <li><a href="#" class="nav-link px-2 link-secondary">首页</a></li>
            <li><a href="#" class="nav-link px-2 link-dark">所有商品</a></li>
            <li><a href="#" class="nav-link px-2 link-dark">家装攻略</a></li>
            <li><a href="#" class="nav-link px-2 link-dark">家装案例</a></li>
            <li><a href="#" class="nav-link px-2 link-dark">关于我们</a></li>
            </ul>
            <div class="col-md-3 text-end headright">
                <div id="sb-search" class="sb-search">
                    <form>
                        <input class="sb-search-input" placeholder="搜索" type="text" value="" name="search" id="search">
                        <input class="sb-search-submit" type="submit" value="">
                        <a href="#" class="right sb-icon-search"><svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-sousuo"></use>
                        </svg></a>
                    </form>
                </div>
                <a href="#" class="right"><svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-huchudianhua"></use>
                </svg></a>
                <a href="#" class="right"><svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-gouwudai"></use>
                </svg></a>
            </div>
        </header>
        </div>
    <!-- 导航栏结束 -->
    <!--banner开始-->
    <div class="container banner" >
        <div class="left email">
            <div class="code code--small" aos="fade-up">
                <h3 class="wow bounceInDown" data-wow-delay="0.8s">购家居，上千图<br>给您最温暖的家</h3>
                <p class="code--left wow lightSpeedIn">1953年，英格瓦·坎普拉德先生在充满自然气息的瑞典小镇阿姆霍特创立千图家居，以目录邮购的形式开展业务。如今，千图家居已成为一个全球家居品牌，为世界各地的人们提供价格实惠、设计出色和使用舒适的产品。从瑞典小镇里的一家小型企业发展至今，我们走过了漫长的历程，但我们的愿景始终如一，即“为大众创造更美好的日常生活”。一起来探索宜家故事，了解更多千图品牌传承、推动我们不断前进的动力以及我们如何致力为人类和地球产生积极影响。</p>
            </div>
            <form class="form_email wow bounceInLeft" data-wow-delay="1.5s">
                <input class="email-input" placeholder="您的邮箱" type="text" value="" name="email" id="email">
                <input class="email-submit right" type="submit" value="接受最新优惠信息">
            </form>
        </div>
        <div class="right bannerimg wow rollIn" data-wow-delay="1s">
            <a href="#"><img src="./images/bannerbg.png"/></a>
        </div>
    </div>
    <!--banner结束-->
</div>
<!--头部结束-->
<!--产品展示开始-->
<div class="container product">
    <div class="row">
        <div class="col-md-7 wow bounceInLeft" data-wow-delay="0.5s">
            <div class="card">
                <img src="./images/product_01.png" class="card-img-top" alt="...">
                <div class="card-body productbg">
                    <h5 class="card-title">沙发套装，享受静谧健康</h5>
                    <a href="#" class="jump">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-jiantou_xiangyou_o"></use>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-md-5">
            <div class="row">
                <div class="col-md-6 wow bounceInDown" data-wow-delay="1s">
                    <div class="card">
                        <img src="./images/product_02.png" class="card-img-top" alt="...">
                        <div class="card-body productbg">
                            <h5 class="card-title">超软大床，享受静谧健康</h5>
                            <a href="#" class="jump">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-jiantou_xiangyou_o"></use>
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 wow bounceInRight" data-wow-delay="1.5s">
                    <div class="card">
                        <img src="./images/product_03.png" class="card-img-top" alt="...">
                        <div class="card-body productbg">
                            <h5 class="card-title">圆形餐桌，享受静谧健康</h5>
                            <a href="#" class="jump">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-jiantou_xiangyou_o"></use>
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card lastproduct wow bounceInUp" data-wow-delay="1s">
                <img src="./images/product_04.png" class="card-img-top" alt="...">
                <div class="card-body productbg">
                    <h5 class="card-title">超软大床，享受静谧健康</h5>
                    <a href="#" class="jump">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-jiantou_xiangyou_o"></use>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--产品展示结束-->
<!--服务开始-->
<div class="container serve">
    <div class="row">
        <div class="col-md-3 wow bounce">
            <a href="#">
                <svg class="icon left" aria-hidden="true">
                    <use xlink:href="#icon-quanqiu"></use>
                </svg>
                <div class="right ">
                    <h6>全球门店</h6>
                    <span>千图家具在全球各大城市拥有超过100家门店</span>
                </div>
            </a>
        </div>
        <div class="col-md-3 wow lightSpeedIn">
            <a href="#">
                <svg class="icon left" aria-hidden="true">
                    <use xlink:href="#icon-mianfeisonghuosonghuodaojia1"></use>
                </svg>
                <div class="right">
                    <h6>免费退换货</h6>
                    <span>任何商品有任何质量问题均可免费退换货</span>
                </div>
            </a>
        </div>
        <div class="col-md-3 wow shake">
            <a href="#">
                <svg class="icon left" aria-hidden="true">
                    <use xlink:href="#icon-dizhi"></use>
                </svg>
                <div class="right">
                    <h6>送货上门</h6>
                    <span>选购商品就近门店提供免费送货上门服务</span>
                </div>
            </a>
        </div>
        <div class="col-md-3 wow flipInX">
            <a href="#">
                <svg class="icon left" aria-hidden="true">
                    <use xlink:href="#icon-_weixiao"></use>
                </svg>
                <div class="right">
                    <h6>微笑服务</h6>
                    <span>为您的家提供最舒适的服务与产品</span>
                </div>
            </a>
        </div>
    </div>
</div>
<!--服务结束-->
<!--热销产品开始-->
<div class="container hotSale">
    <a href="#" class="hottitle wow bounceInRight"><h3>热销商品榜</h3></a>
<!--PC端热销产品轮播-->
    <div class="swiper mySwiper hotsale_pc wow pulse">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="sales">
                    <a href="#" class="sale_img"><img src="./images/hotSale_1.png" /></a>
                    <a href="#" class="salestitle">舒适睡眠</a>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="sales">
                    <a href="#" class="sale_img"><img src="./images/hotSale_2.png" /></a>
                    <a href="#" class="salestitle">精致用餐</a>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="sales">
                    <a href="#" class="sale_img"><img src="./images/hotSale_3.png" /></a>
                    <a href="#" class="salestitle">休闲客厅</a>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="sales">
                    <a href="#" class="sale_img"><img src="./images/hotSale_4.png" /></a>
                    <a href="#" class="salestitle">热情会客</a>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="sales">
                    <a href="#" class="sale_img"><img src="./images/hotSale_1.png" /></a>
                    <a href="#" class="salestitle">舒适睡眠</a>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="sales">
                    <a href="#" class="sale_img"><img src="./images/hotSale_2.png" /></a>
                    <a href="#" class="salestitle">精致用餐</a>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="sales">
                    <a href="#" class="sale_img"><img src="./images/hotSale_3.png" /></a>
                    <a href="#" class="salestitle">休闲客厅</a>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="sales">
                    <a href="#" class="sale_img"><img src="./images/hotSale_4.png" /></a>
                    <a href="#" class="salestitle">热情会客</a>
                </div>
            </div>
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-pagination"></div>
    </div>
<!--移动端产品热销轮播-->
    <div id="myCarousel" class="carousel slide hotsale_move" data-bs-ride="carousel">
        <div class="carousel-indicators">
            <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
            <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
            <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
            <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
            <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="4" aria-label="Slide 5"></button>
            <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="5" aria-label="Slide 6"></button>
        </div>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <a href="#" class="sale_img"><img src="./images/hotSale_1.png" /></a>
                <div class="container">
                    <div class="carousel-caption text-start">
                        <p><a href="#" class="salestitle">舒适睡眠</a></p>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <a href="#" class="sale_img"><img src="./images/hotSale_2.png" /></a>
                <div class="container">
                    <div class="carousel-caption">
                        <p><a href="#" class="salestitle">精致用餐</a></p>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <a href="#" class="sale_img"><img src="./images/hotSale_3.png" /></a>
                <div class="container">
                    <div class="carousel-caption">
                        <p><a href="#" class="salestitle">休闲客厅</a></p>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <a href="#" class="sale_img"><img src="./images/hotSale_2.png" /></a>
                <div class="container">
                    <div class="carousel-caption">
                        <p><a href="#" class="salestitle">精致用餐</a></p>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <a href="#" class="sale_img"><img src="./images/hotSale_3.png" /></a>
                <div class="container">
                    <div class="carousel-caption">
                        <p><a href="#" class="salestitle">休闲客厅</a></p>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <a href="#" class="sale_img"><img src="./images/hotSale_4.png" /></a>
                <div class="container">
                    <div class="carousel-caption text-end">
                        <p><a href="#" class="salestitle">热情会客</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--热销产品结束-->
<!--底部开始-->
<div class='footer'>
    <div class="foot container wow flipInX">
        <div class="clubs">
            <h3>加入千图家具俱乐部</h3>
            <span>使用千图俱乐部会员卡，享受更多优惠。</span><a href="#" class="see">查看更多</a>
            <a href="#" class="join">立即加入</a>
        </div>
        <ul class="foot_list">
            <li><a href="#">客户服务</a></li>
            <li><a href="#">我们的服务</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">网上商城配送范围</a></li>
            <li><a href="#">常见问题</a></li>
            <li><a href="#">退货政策</a></li>
            <li><a href="#">品质保证</a></li>
            <li><a href="#">购物指南</a></li>
        </ul>
        <ul class="foot_list">
            <li><a href="#">关于千图</a></li>
            <li><a href="#">特色设计</a></li>
            <li><a href="#">推荐您的日常生活</a></li>
            <li><a href="#">您身边的千图家具</a></li>
            <li><a href="#">加入我们</a></li>
            <li><a href="#">意见反馈</a></li>
        </ul>
        <ul class="foot_list">
            <li><a href="#">常用链接</a></li>
            <li><a href="#">千图《家具指南》手册</a></li>
            <li><a href="#">千图家具APP</a></li>
            <li><a href="#">本地线下商城地址</a></li>
            <li><a href="#">千图俱乐部</a></li>
            <li><a href="#">千图对公业务</a></li>
        </ul>
        <ul class="foot_list">
            <li><a href="#">千图新闻</a></li>
            <li><a href="#">新闻室</a></li>
            <li><a href="#">我的使用体验</a></li>
            <li><a href="#">千图大事记</a></li>
        </ul>
    </div>
</div>
<!--底部结束-->
<script src="./js/bootstrap.js"></script>
<!--字体：-->
<script src="./js/iconfont.js"></script>
<!--轮播：-->
<script src="./js/swiper-bundle.js"></script>
<script>
    var swiper = new Swiper(".mySwiper", {
        slidesPerView: 4,
        spaceBetween: 40,
        slidesPerGroup: 4,
        loop: true,
        loopFillGroupWithBlank: true,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
</script>
<!--搜索框：-->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
    new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!--动画：-->
<script src="./js/wow.min.js"></script>
<script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
        new WOW().init();
    };
</script>
<link rel="stylesheet" href="./css/prettify.css">
<script src="./js/prettify.js"></script>
<script>
    window.prettyPrint && prettyPrint();
    $('.code h3').not(':first').next().addClass('f-dn');
    $('.code h3').click(function(){
        $(this).addClass('cur').siblings('h3').removeClass('cur');
        $(this).next().removeClass('f-dn').siblings('.pre').addClass('f-dn');
    });
</script>
</body>
</html>
